{% extends "include/base.html" %}

{% block content %}

<main role="main" class="container">
  <div class="row">
    <div class="col-md-3 mb-3 mt-1">
      <div class="card">
        <div class="card-body">
          <div class="h2">
            <!-- Имя автора -->
            {{ user_req.get_full_name }}
          </div>
          <div class="h3 text-muted">
            <!-- username автора -->
             {{ user_req }}
          </div>
        </div>
        <ul class="list-group list-group-flush">
          <li class="list-group-item">
            <div class="h6 text-muted">
              Подписчиков: {{ user_req.following.all.count }} <br />
              Подписан: {{ user_req.follower.all.count }}
            </div>
          </li>
          <li class="list-group-item">
            <div class="h6 text-muted">
              <!--Количество записей -->
              Записей: {{ user_req.posts.all.count }}
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-md-9">
    <!-- Пост -->
      <div class="card mb-3 mt-1 shadow-sm">
        <div class="card-body">
          <p class="card-text">
            <!-- Ссылка на страницу автора в атрибуте href; username автора в тексте ссылки -->
            <a name="post_{{ post.id }}"
               href="{% url 'profile' post.author.username %}">
              <strong class="d-block text-gray-dark">@{{ post.author }}</strong>
            </a>
            <!-- Текст поста -->
            <p>{{ post.text }}</p>
          </p>
          <div class="d-flex justify-content-between align-items-center">
            <div class="btn-group">
              <!-- Ссылка на редактирование, показывается только автору записи.
              Эту ссылку вы подключите в финальном задании спринта -->
                 {% if user == post.author %}
                   <a class="btn btn-sm text-muted"
                      href="{% url 'post_edit' post.author.username post.id %}"
                      role="button">
                     Редактировать
                   </a>
                {% endif %}
            </div>
            <!-- Дата публикации  -->
            <small class="text-muted">{{ post.pub_date }}</small>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>

{% endblock %}